<html><head>
    <meta charset="utf-8">
    <title>{block name="title"}{/block}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="/mui-master/examples/hello-mui/css/mui.min.css">
    <link rel="stylesheet" href="/mui-master/examples/hello-mui/css/icons-extra.css">
    <link rel="stylesheet" href="/mui-master/examples/hello-mui/css/mui.picker.css">
    <link rel="stylesheet" href="/mui-master/examples/hello-mui/css/mui.poppicker.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="/mui/css/app.css">
    <script src="/mui-master/examples/hello-mui/js/mui.min.js"></script>
    <script src="/mui-master/examples/hello-mui/js/stream.js"></script>
    <script src="/mui-master/examples/hello-mui/js/update.js"></script>
    <script src="/mui-master/examples/hello-mui/js/mui.picker.js"></script>
    <script src="/mui-master/examples/hello-mui/js/mui.poppicker.js"></script>
    <script src="/mui-master/examples/hello-mui/js/city.data.js"></script>
    <script src="/mui-master/examples/hello-mui/js/city.data-3.js"></script>
    <script src="/mui-master/examples/hello-mui/js/jquery-2.1.1.js"></script>
    <style>
        * { touch-action: none; }
        .title{
            margin: 20px 15px 10px;
            color: #6d6d72;
            font-size: 15px;
        }

        .oa-contact-cell.mui-table .mui-table-cell {
            padding: 11px 0;
            vertical-align: middle;
        }

        .oa-contact-cell {
            position: relative;
            margin: -11px 0;
        }

        .oa-contact-avatar {
            width: 75px;
        }
        .oa-contact-avatar img {
            border-radius: 50%;
        }
        .oa-contact-content {
            width: 100%;
        }
        .oa-contact-name {
            margin-right: 20px;
        }
        .oa-contact-name, oa-contact-position {
            float: left;
        }
    </style>
</head>

<body class="mui-ios mui-ios-10 mui-ios-10-3">

{block name="content"}{/block}
{block name="caidan"}
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="{:Url('index/index')}">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-extra mui-icon-extra-class"></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-extra mui-icon-extra-new"></span>
        <span class="mui-tab-label">公告</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-extra mui-icon-extra-cart"><span class="mui-badge">9</span></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item"   href="{:Url('user/index')}">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">我的</span>
    </a>

</nav>
{/block}
<script>
    mui('body').on('tap','a',function(){document.location.href=this.href;});
    mui.init({
        swipeBack:true //启用右滑关闭功能
    });
</script>
</body></html>